$(document).ready(function() {
	var $key=0;
	var timer=null;
	$(document).mousewheel(function(event,delta){
		
		if(!$(".wrapBox").is(":animated"))  /*如果当前么有动画，就执行*/
		{
		 $key-=delta;
		 if ($key==1) {
		 	$(".huojian").removeClass('huojian2');
		 	$(".weiqi").removeClass('weiqi2');
		 	$(".yuncai").removeClass('yuncai2');
		 }else{
		 	$(".huojian").addClass('huojian2');
		 	$(".weiqi").addClass('weiqi2');
		 	$(".yuncai").addClass('yuncai2');
		 }
		 if ($key==2) {
		 	$(".page3 .main .right .pic").removeClass('picc');
		 }else{
		 	$(".page3 .main .right .pic").addClass('picc');
		 }
		 if ($key==4||$key>4) {
		 	$(".page5 .right .dunpai").removeClass('dunpai2');
		 }else{
		 	$(".page5 .right .dunpai").addClass('dunpai2');
		 }
		 if($key<0)   //如果大于索引5 就原地等待   反之 反之
		 {
		 	$key=0
		 }else if($key>4)
		 {
		 	$key=4;
		 }
		 console.log($key);
		 /*往下滑动一次， 我们的wrapbox 往上走一屏   关系  索引号 * 100%*/
		 $(".wrapBox").stop().animate({
		 	 "top":-$key*100+"%"   
		 },800);
		 $(".fixedNav li").eq($key).addClass('current').siblings().removeClass('current');
		}
		
	})



     $(".fixedNav li").bind({
     	click:function(){
     		$(this).addClass('current').siblings().removeClass('current');
     		$key=$(this).index();  //从新获得新值
     		$(".wrapBox").stop().animate({
		 	 "top":-$key*100+"%"   
		 },800);
     	}

     })

////////////////////////////以上是滚屏事件/////////////////////////////
 /*鼠标滑过nav*/
 var left=0;
 var index=0;
 var width=0;
 var c=0;
 $(".nav-right ul li").stop().hover(function() {
 	index=$(this).index();//当前的索引号
 	for(var i=0;i<=index;i++){ //循环出滑动到的当前的和前面的    		
     	$(".nav-right ul li").eq(i).each(function(index, el) {
     		left+=parseInt($(this).width())+40;//遍历出值加起来给left
     	});
 	}
 	width=parseInt($(this).width())+40//当前的宽
 	var c=left-width;//下方的span要滑动left的距离
 	$(".nav-right span").stop().animate({"left":c},500).css('width',width);
 }, function() {
 	left=0;//清空变量不然会累计
 	c=0;//清空变量不然会累计
 	$(".nav-right span").stop().animate({"left":c},500).css('width',72);
 });


/*第二个banner滑动切换手机图片*/
$(".xianfeng").mouseenter(function(event) {
	$(".page1 .banner-two .main .right .phone1").css('display', 'block');
	$(".page1 .banner-two .main .right .phone2").css('display', 'none');
});

$(".huaijiu").mouseenter(function(event) {
	$(".page1 .banner-two .main .right .phone1").css('display', 'none');
	$(".page1 .banner-two .main .right .phone2").css('display', 'block');
});
/*	第一张动画*/
	$(".page1 .banner-one .main-main-left").removeClass('banner1-zhang1-anmait');
	$(".page1 .banner-one .main-main-right").removeClass('banner1-zhang2-anmait');
	
//轮播切换
 	var key=0;
	var timer=setInterval(autoplay,5000);
	function autoplay(){
		key++;
		if (key>3) {
			key=0;
		}
		$(".page1 .pic").eq(key).fadeIn().siblings('.pic').fadeOut();
		$(".page1 .click-change-main div").eq(key).addClass('current').siblings().removeClass('current');
		if(key==0){//第一张动画
			$(".page1 .banner-one .main-main-left").removeClass('banner1-zhang1-anmait');
			$(".page1 .banner-one .main-main-right").removeClass('banner1-zhang2-anmait');
		}else{
			$(".page1 .banner-one .main-main-left").addClass('banner1-zhang1-anmait');
			$(".page1 .banner-one .main-main-right").addClass('banner1-zhang2-anmait');
		}
		if(key==1){//第二张动画
			$(".page1 .banner-two .left").removeClass('banner2-zhang1-anmait');
			$(".page1 .banner-two .right").removeClass('banner2-zhang2-anmait');
		}else {
			$(".page1 .banner-two .left").addClass('banner2-zhang1-anmait');
			$(".page1 .banner-two .right").addClass('banner2-zhang2-anmait');
		}
		if(key==2){//第三张动画
			$(".page1 .banner-three .left").removeClass('banner3-zhang1-anmait');
			$(".page1 .banner-three .right").removeClass('banner3-zhang2-anmait');
		}else{
			$(".page1 .banner-three .left").addClass('banner3-zhang1-anmait');
			$(".page1 .banner-three .right").addClass('banner3-zhang2-anmait');
		}
		if (key==3) {//第四张动画
			$(".page1 .banner-four .left").removeClass('banner4-zhang1-anmait');
			$(".page1 .banner-four .right").removeClass('banner4-zhang2-anmait');
		}else{
			$(".page1 .banner-four .left").addClass('banner4-zhang1-anmait');
			$(".page1 .banner-four .right").addClass('banner4-zhang2-anmait');
		}



	}

//点击第一屏切换轮播
$(".page1 .click-change-main div").click(function(event) {
	$(this).addClass('current').siblings().removeClass('current');
	$(".page1 .pic").eq($(this).index()).stop().fadeIn().siblings(".pic").fadeOut();
		key=$(this).index();
		if(key==0){
			$(".page1 .banner-one .main-main-left").removeClass('banner1-zhang1-anmait');
			$(".page1 .banner-one .main-main-right").removeClass('banner1-zhang2-anmait');
		}else{
			$(".page1 .banner-one .main-main-left").addClass('banner1-zhang1-anmait');
			$(".page1 .banner-one .main-main-right").addClass('banner1-zhang2-anmait');
		}
		if(key==1){
			$(".page1 .banner-two .left").removeClass('banner2-zhang1-anmait');
			$(".page1 .banner-two .right").removeClass('banner2-zhang2-anmait');
		}else {
			$(".page1 .banner-two .left").addClass('banner2-zhang1-anmait');
			$(".page1 .banner-two .right").addClass('banner2-zhang2-anmait');
		}
		if(key==2){
			$(".page1 .banner-three .left").removeClass('banner3-zhang1-anmait');
			$(".page1 .banner-three .right").removeClass('banner3-zhang2-anmait');
		}else{
			$(".page1 .banner-three .left").addClass('banner3-zhang1-anmait');
			$(".page1 .banner-three .right").addClass('banner3-zhang2-anmait');
		}
		if (key==3) {
			$(".page1 .banner-four .left").removeClass('banner4-zhang1-anmait');
			$(".page1 .banner-four .right").removeClass('banner4-zhang2-anmait');
		}else{
			$(".page1 .banner-four .left").addClass('banner4-zhang1-anmait');
			$(".page1 .banner-four .right").addClass('banner4-zhang2-anmait');
		}	
});
//清除定时器
$(".page1 .click-change-main div").hover(function() {
	clearInterval(timer);
}, function() {
	timer=setInterval(autoplay,5000);
});
$("#yuan li").click(function(event) {
	$key=$(this).index();
		 if ($key==1) {
		 	$(".huojian").removeClass('huojian2');
		 	$(".weiqi").removeClass('weiqi2');
		 	$(".yuncai").removeClass('yuncai2');
		 }else{
		 	$(".huojian").addClass('huojian2');
		 	$(".weiqi").addClass('weiqi2');
		 	$(".yuncai").addClass('yuncai2');
		 }
		 if ($key==2) {
		 	$(".page3 .main .right .pic").removeClass('picc');
		 }else{
		 	$(".page3 .main .right .pic").addClass('picc');
		 }
		 if ($key==4) {
		 	$(".page5 .right .dunpai").removeClass('dunpai2');
		 }else{
		 	$(".page5 .right .dunpai").addClass('dunpai2');
		 }});

});
